<template>
  <div class="money-slider">
    <Slider :items="items" class="slider"></Slider>
  </div>
</template>

<script>
import Slider from '../core/slider'
export default {
  name: 'homeSlider',
  components: {
    Slider
  },
  data () {
    return {
      items: [{
        href: 'home',
        imgUrl: '//img12.360buyimg.com/jrpmobile/jfs/t11149/181/856008463/68797/dc303e9/59f97baeN3cdae084.jpg?width=750&height=400'
      }, {
        href: 'home',
        imgUrl: '//img12.360buyimg.com/jrpmobile/jfs/t9994/205/2575467053/189117/125e7b05/59f97c36N7599be57.png?width=750&height=400'
      }]
    }
  }
}
</script>

<style lang="stylus" scoped>
  .money-slider
    margin-top:1.2rem
    .slider
      height:0
      overflow:hidden
      background:#eaeaea
      width:100%
      padding-bottom:53.4%
</style>
